<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3852312" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf898;</span>
                <div class="name">效率</div>
                <div class="code-name">&amp;#xf898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8a4;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xf8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8a5;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xf8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8a7;</span>
                <div class="name">会员</div>
                <div class="code-name">&amp;#xf8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8ad;</span>
                <div class="name">打卡</div>
                <div class="code-name">&amp;#xf8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8ae;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xf8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf8ef;</span>
                <div class="name">关于我们</div>
                <div class="code-name">&amp;#xf8ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c4;</span>
                <div class="name">举报</div>
                <div class="code-name">&amp;#x100c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c5;</span>
                <div class="name">QQ</div>
                <div class="code-name">&amp;#x100c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c6;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#x100c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c7;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#x100c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c8;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#x100c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100c9;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#x100c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100ca;</span>
                <div class="name">红包</div>
                <div class="code-name">&amp;#x100ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100cb;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#x100cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100cc;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#x100cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100cd;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#x100cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100ce;</span>
                <div class="name">拉黑</div>
                <div class="code-name">&amp;#x100ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100cf;</span>
                <div class="name">QQ空间</div>
                <div class="code-name">&amp;#x100cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d0;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#x100d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d1;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#x100d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d2;</span>
                <div class="name">朋友圈</div>
                <div class="code-name">&amp;#x100d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d3;</span>
                <div class="name">对话</div>
                <div class="code-name">&amp;#x100d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d4;</span>
                <div class="name">微博</div>
                <div class="code-name">&amp;#x100d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d5;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#x100d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d6;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#x100d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d7;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#x100d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d8;</span>
                <div class="name">删除好友</div>
                <div class="code-name">&amp;#x100d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x100d9;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#x100d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">号码开通管理</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">管理员管理</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">商户查询</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">第三方接口</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">公告管理</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">平台初始化</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">商户管理</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">使用商户管理</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">数据审批</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">应用订单</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">账号管理</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">账号定价</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">chart-bar</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">discount-filled</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">discount</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">internet</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">logo-chrome</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">logo-chrome-filled</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">logo-ie-filled</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">logo-github</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">logo-windows-filled</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">logo-github-filled</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">logo-ie</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">logo-android</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">logo-apple</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">money-circle</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">poweroff</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">secured</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">thumb-down</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">thumb-up</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">tools</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">user-circle</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">wifi</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">隐藏</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">可见</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">更多/前进</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">金币</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">性价比</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">发布lig</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">浏览记录</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">投票 2</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">我的lig</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">标签_tag-one</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">编辑_edit</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">1.2用户管理</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">1.4权限管理</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">1.5资质管理</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">1.6项目管理</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">2.1个人资料</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">2.3治疗方案</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">2.2治疗日程</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">林草资源监测</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">数据资源</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">数字林业</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">Tab_首页</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">nav_icon_汇总分析</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">nav_icon_发布管理</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">nav_icon_在线文档</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">CircleClose关闭</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">Add新增</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">AddFilled新增</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">Calendar日历</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">Email邮箱</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">EditPen输入</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">Issue发布</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">Details详情查看</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">Hide不可见，隐藏</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">Location位置</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">NoticeFilled通知公告</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">Notice通知公告</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">Revise输入修改</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">More更多</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">Search搜索</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">Password密码</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">Phone手机</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">Share分享</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">Refresh刷新</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">Time时间</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">Star星星收藏</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">View可见</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">Security验证码安全</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">ToDoList待办</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">AddressBook通讯录</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">代码_code</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">标签_tag-one</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">扫码_scan-code</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">权限_permissions</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">全屏播放_full-screen-play</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">全局放大1_full-screen-one</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">日历_calendar</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">上传1_upload-one</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">删除_delete-two</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">双向数据互传_transfer-data</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">书签_bookmark</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">开关_power</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">时间_time</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">上传_upload</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">刷新_refresh</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">搜索_search</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">提醒_remind</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">双左_double-left</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">提示_tips</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">文档架子_document-folder</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">喜欢_like</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">文件夹-开_folder-open</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">设置_setting-two</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">文件柜_file-cabinet</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">我的_me</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">文件夹-关_folder-close</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">循环播放_play-cycle</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">预览-关闭_preview-close-one</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">暂停_pause-one</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">相机_camera</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">压缩文件_file-zip</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">展开菜单_menu-unfold</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">预览-打开_preview-open</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">照片_pic</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">暂停_pause</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">信息_info</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">添加_add-one</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">下_down</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">播放_play</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">播放_play-one</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">更多2_more-two</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">提示_tips</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">设置_setting-two</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">删除_delete-two</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">预览-打开_preview-open</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">喜欢_like</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">注意_attention</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">雪景</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">file_download</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">Tab_下载中心</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">Tab_地市话术</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">Tab_数据监控</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">草原</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">JPG</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">Excel</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">PPT</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">PNG</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">PDF</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">TXT</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">数据库</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1674209987916') format('woff2'),
       url('iconfont.woff?t=1674209987916') format('woff'),
       url('iconfont.ttf?t=1674209987916') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshuai"></span>
            <div class="name">
              效率
            </div>
            <div class="code-name">.icon-xiaoshuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuan"></span>
            <div class="name">
              会员
            </div>
            <div class="code-name">.icon-huiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daka"></span>
            <div class="name">
              打卡
            </div>
            <div class="code-name">.icon-daka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanyuwomen"></span>
            <div class="name">
              关于我们
            </div>
            <div class="code-name">.icon-guanyuwomen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jubao"></span>
            <div class="name">
              举报
            </div>
            <div class="code-name">.icon-jubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-QQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang1"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hongbao"></span>
            <div class="name">
              红包
            </div>
            <div class="code-name">.icon-hongbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lahei"></span>
            <div class="name">
              拉黑
            </div>
            <div class="code-name">.icon-lahei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQkongjian"></span>
            <div class="name">
              QQ空间
            </div>
            <div class="code-name">.icon-QQkongjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pengyouquan"></span>
            <div class="name">
              朋友圈
            </div>
            <div class="code-name">.icon-pengyouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihua"></span>
            <div class="name">
              对话
            </div>
            <div class="code-name">.icon-duihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibo"></span>
            <div class="name">
              微博
            </div>
            <div class="code-name">.icon-weibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fasong"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.icon-fasong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.icon-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchuhaoyou"></span>
            <div class="name">
              删除好友
            </div>
            <div class="code-name">.icon-shanchuhaoyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haomakaitongguanli"></span>
            <div class="name">
              号码开通管理
            </div>
            <div class="code-name">.icon-haomakaitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanliyuanguanli"></span>
            <div class="name">
              管理员管理
            </div>
            <div class="code-name">.icon-guanliyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianguanli"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanghuchaxun"></span>
            <div class="name">
              商户查询
            </div>
            <div class="code-name">.icon-shanghuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-disanfangyingyongjiekoupeizhi"></span>
            <div class="name">
              第三方接口
            </div>
            <div class="code-name">.icon-disanfangyingyongjiekoupeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggaoguanli"></span>
            <div class="name">
              公告管理
            </div>
            <div class="code-name">.icon-gonggaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingtaichushihuashezhi"></span>
            <div class="name">
              平台初始化
            </div>
            <div class="code-name">.icon-pingtaichushihuashezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanghuguanli"></span>
            <div class="name">
              商户管理
            </div>
            <div class="code-name">.icon-shanghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiyongshanghuguanli"></span>
            <div class="name">
              使用商户管理
            </div>
            <div class="code-name">.icon-shiyongshanghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujushenpi"></span>
            <div class="name">
              数据审批
            </div>
            <div class="code-name">.icon-shujushenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongdingdan"></span>
            <div class="name">
              应用订单
            </div>
            <div class="code-name">.icon-yingyongdingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              账号管理
            </div>
            <div class="code-name">.icon-zhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaodingjia"></span>
            <div class="name">
              账号定价
            </div>
            <div class="code-name">.icon-zhanghaodingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-app"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.icon-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-bar"></span>
            <div class="name">
              chart-bar
            </div>
            <div class="code-name">.icon-chart-bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-discount-filled"></span>
            <div class="name">
              discount-filled
            </div>
            <div class="code-name">.icon-discount-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-discount"></span>
            <div class="name">
              discount
            </div>
            <div class="code-name">.icon-discount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-internet"></span>
            <div class="name">
              internet
            </div>
            <div class="code-name">.icon-internet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.icon-laptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-chrome"></span>
            <div class="name">
              logo-chrome
            </div>
            <div class="code-name">.icon-logo-chrome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-chrome-filled"></span>
            <div class="name">
              logo-chrome-filled
            </div>
            <div class="code-name">.icon-logo-chrome-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-ie-filled"></span>
            <div class="name">
              logo-ie-filled
            </div>
            <div class="code-name">.icon-logo-ie-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-github"></span>
            <div class="name">
              logo-github
            </div>
            <div class="code-name">.icon-logo-github
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-windows-filled"></span>
            <div class="name">
              logo-windows-filled
            </div>
            <div class="code-name">.icon-logo-windows-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-github-filled"></span>
            <div class="name">
              logo-github-filled
            </div>
            <div class="code-name">.icon-logo-github-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-ie"></span>
            <div class="name">
              logo-ie
            </div>
            <div class="code-name">.icon-logo-ie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-android"></span>
            <div class="name">
              logo-android
            </div>
            <div class="code-name">.icon-logo-android
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-apple"></span>
            <div class="name">
              logo-apple
            </div>
            <div class="code-name">.icon-logo-apple
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.icon-mail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-money-circle"></span>
            <div class="name">
              money-circle
            </div>
            <div class="code-name">.icon-money-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.icon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-save"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.icon-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-poweroff"></span>
            <div class="name">
              poweroff
            </div>
            <div class="code-name">.icon-poweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-secured"></span>
            <div class="name">
              secured
            </div>
            <div class="code-name">.icon-secured
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-thumb-down"></span>
            <div class="name">
              thumb-down
            </div>
            <div class="code-name">.icon-thumb-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-thumb-up"></span>
            <div class="name">
              thumb-up
            </div>
            <div class="code-name">.icon-thumb-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tools"></span>
            <div class="name">
              tools
            </div>
            <div class="code-name">.icon-tools
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-circle"></span>
            <div class="name">
              user-circle
            </div>
            <div class="code-name">.icon-user-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wifi"></span>
            <div class="name">
              wifi
            </div>
            <div class="code-name">.icon-wifi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_bukejian"></span>
            <div class="name">
              隐藏
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_bukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_kejian"></span>
            <div class="name">
              可见
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_kejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_gengduo-qianjin"></span>
            <div class="name">
              更多/前进
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_gengduo-qianjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_jine-jinbi"></span>
            <div class="name">
              金币
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_jine-jinbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-mianxing_fuzhi_gaoxingjiabi"></span>
            <div class="name">
              性价比
            </div>
            <div class="code-name">.icon-icon-mianxing_fuzhi_gaoxingjiabi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai1"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan1"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabulig"></span>
            <div class="name">
              发布lig
            </div>
            <div class="code-name">.icon-fabulig
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liulanjilu"></span>
            <div class="name">
              浏览记录
            </div>
            <div class="code-name">.icon-liulanjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang2"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-toupiao2"></span>
            <div class="name">
              投票 2
            </div>
            <div class="code-name">.icon-a-toupiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode1"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodelig"></span>
            <div class="name">
              我的lig
            </div>
            <div class="code-name">.icon-wodelig
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian_tag-one1"></span>
            <div class="name">
              标签_tag-one
            </div>
            <div class="code-name">.icon-biaoqian_tag-one1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji_edit"></span>
            <div class="name">
              编辑_edit
            </div>
            <div class="code-name">.icon-bianji_edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logout"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-12yonghuguanli"></span>
            <div class="name">
              1.2用户管理
            </div>
            <div class="code-name">.icon-a-12yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-14quanxianguanli"></span>
            <div class="name">
              1.4权限管理
            </div>
            <div class="code-name">.icon-a-14quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-15zizhiguanli"></span>
            <div class="name">
              1.5资质管理
            </div>
            <div class="code-name">.icon-a-15zizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-16xiangmuguanli"></span>
            <div class="name">
              1.6项目管理
            </div>
            <div class="code-name">.icon-a-16xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-21gerenziliao"></span>
            <div class="name">
              2.1个人资料
            </div>
            <div class="code-name">.icon-a-21gerenziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-23zhiliaofangan"></span>
            <div class="name">
              2.3治疗方案
            </div>
            <div class="code-name">.icon-a-23zhiliaofangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-22zhiliaoricheng"></span>
            <div class="name">
              2.2治疗日程
            </div>
            <div class="code-name">.icon-a-22zhiliaoricheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lincaoziyuanjiance"></span>
            <div class="name">
              林草资源监测
            </div>
            <div class="code-name">.icon-lincaoziyuanjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuziyuan"></span>
            <div class="name">
              数据资源
            </div>
            <div class="code-name">.icon-shujuziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzilinye"></span>
            <div class="name">
              数字林业
            </div>
            <div class="code-name">.icon-shuzilinye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tab_shouye"></span>
            <div class="name">
              Tab_首页
            </div>
            <div class="code-name">.icon-Tab_shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav_icon_huizongfenxi"></span>
            <div class="name">
              nav_icon_汇总分析
            </div>
            <div class="code-name">.icon-nav_icon_huizongfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav_icon_fabuguanli"></span>
            <div class="name">
              nav_icon_发布管理
            </div>
            <div class="code-name">.icon-nav_icon_fabuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav_icon_zaixianwendang"></span>
            <div class="name">
              nav_icon_在线文档
            </div>
            <div class="code-name">.icon-nav_icon_zaixianwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CircleClose"></span>
            <div class="name">
              CircleClose关闭
            </div>
            <div class="code-name">.icon-CircleClose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Add"></span>
            <div class="name">
              Add新增
            </div>
            <div class="code-name">.icon-Add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AddFilled"></span>
            <div class="name">
              AddFilled新增
            </div>
            <div class="code-name">.icon-AddFilled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Calendar"></span>
            <div class="name">
              Calendar日历
            </div>
            <div class="code-name">.icon-Calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Email"></span>
            <div class="name">
              Email邮箱
            </div>
            <div class="code-name">.icon-Email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EditPen"></span>
            <div class="name">
              EditPen输入
            </div>
            <div class="code-name">.icon-EditPen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Issue"></span>
            <div class="name">
              Issue发布
            </div>
            <div class="code-name">.icon-Issue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Details"></span>
            <div class="name">
              Details详情查看
            </div>
            <div class="code-name">.icon-Details
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Hide"></span>
            <div class="name">
              Hide不可见，隐藏
            </div>
            <div class="code-name">.icon-Hide
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Location"></span>
            <div class="name">
              Location位置
            </div>
            <div class="code-name">.icon-Location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-NoticeFilled"></span>
            <div class="name">
              NoticeFilled通知公告
            </div>
            <div class="code-name">.icon-NoticeFilled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Notice"></span>
            <div class="name">
              Notice通知公告
            </div>
            <div class="code-name">.icon-Notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Revise"></span>
            <div class="name">
              Revise输入修改
            </div>
            <div class="code-name">.icon-Revise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-More"></span>
            <div class="name">
              More更多
            </div>
            <div class="code-name">.icon-More
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Searchsvg"></span>
            <div class="name">
              Search搜索
            </div>
            <div class="code-name">.icon-Searchsvg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Password"></span>
            <div class="name">
              Password密码
            </div>
            <div class="code-name">.icon-Password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Phone"></span>
            <div class="name">
              Phone手机
            </div>
            <div class="code-name">.icon-Phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Share"></span>
            <div class="name">
              Share分享
            </div>
            <div class="code-name">.icon-Share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Refresh"></span>
            <div class="name">
              Refresh刷新
            </div>
            <div class="code-name">.icon-Refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Time"></span>
            <div class="name">
              Time时间
            </div>
            <div class="code-name">.icon-Time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Star"></span>
            <div class="name">
              Star星星收藏
            </div>
            <div class="code-name">.icon-Star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-View"></span>
            <div class="name">
              View可见
            </div>
            <div class="code-name">.icon-View
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Security"></span>
            <div class="name">
              Security验证码安全
            </div>
            <div class="code-name">.icon-Security
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ToDoList"></span>
            <div class="name">
              ToDoList待办
            </div>
            <div class="code-name">.icon-ToDoList
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AddressBook"></span>
            <div class="name">
              AddressBook通讯录
            </div>
            <div class="code-name">.icon-AddressBook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daima_code"></span>
            <div class="name">
              代码_code
            </div>
            <div class="code-name">.icon-daima_code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian_tag-one"></span>
            <div class="name">
              标签_tag-one
            </div>
            <div class="code-name">.icon-biaoqian_tag-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoma_scan-code"></span>
            <div class="name">
              扫码_scan-code
            </div>
            <div class="code-name">.icon-saoma_scan-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian_permissions"></span>
            <div class="name">
              权限_permissions
            </div>
            <div class="code-name">.icon-quanxian_permissions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanpingbofang_full-screen-play"></span>
            <div class="name">
              全屏播放_full-screen-play
            </div>
            <div class="code-name">.icon-quanpingbofang_full-screen-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanjufangda1_full-screen-one"></span>
            <div class="name">
              全局放大1_full-screen-one
            </div>
            <div class="code-name">.icon-quanjufangda1_full-screen-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili_calendar"></span>
            <div class="name">
              日历_calendar
            </div>
            <div class="code-name">.icon-rili_calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan1_upload-one"></span>
            <div class="name">
              上传1_upload-one
            </div>
            <div class="code-name">.icon-shangchuan1_upload-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu_delete-two"></span>
            <div class="name">
              删除_delete-two
            </div>
            <div class="code-name">.icon-shanchu_delete-two
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangxiangshujuhuchuan_transfer-data"></span>
            <div class="name">
              双向数据互传_transfer-data
            </div>
            <div class="code-name">.icon-shuangxiangshujuhuchuan_transfer-data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuqian_bookmark"></span>
            <div class="name">
              书签_bookmark
            </div>
            <div class="code-name">.icon-shuqian_bookmark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan_power"></span>
            <div class="name">
              开关_power
            </div>
            <div class="code-name">.icon-kaiguan_power
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian_time"></span>
            <div class="name">
              时间_time
            </div>
            <div class="code-name">.icon-shijian_time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan_upload"></span>
            <div class="name">
              上传_upload
            </div>
            <div class="code-name">.icon-shangchuan_upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin_refresh"></span>
            <div class="name">
              刷新_refresh
            </div>
            <div class="code-name">.icon-shuaxin_refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo_search"></span>
            <div class="name">
              搜索_search
            </div>
            <div class="code-name">.icon-sousuo_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing_remind"></span>
            <div class="name">
              提醒_remind
            </div>
            <div class="code-name">.icon-tixing_remind
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangzuo_double-left"></span>
            <div class="name">
              双左_double-left
            </div>
            <div class="code-name">.icon-shuangzuo_double-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi_tips"></span>
            <div class="name">
              提示_tips
            </div>
            <div class="code-name">.icon-tishi_tips
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendangjiazi_document-folder"></span>
            <div class="name">
              文档架子_document-folder
            </div>
            <div class="code-name">.icon-wendangjiazi_document-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xihuan_like"></span>
            <div class="name">
              喜欢_like
            </div>
            <div class="code-name">.icon-xihuan_like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia-kai_folder-open"></span>
            <div class="name">
              文件夹-开_folder-open
            </div>
            <div class="code-name">.icon-wenjianjia-kai_folder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi_setting-two"></span>
            <div class="name">
              设置_setting-two
            </div>
            <div class="code-name">.icon-shezhi_setting-two
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjiangui_file-cabinet"></span>
            <div class="name">
              文件柜_file-cabinet
            </div>
            <div class="code-name">.icon-wenjiangui_file-cabinet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode_me"></span>
            <div class="name">
              我的_me
            </div>
            <div class="code-name">.icon-wode_me
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia-guan_folder-close"></span>
            <div class="name">
              文件夹-关_folder-close
            </div>
            <div class="code-name">.icon-wenjianjia-guan_folder-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunhuanbofang_play-cycle"></span>
            <div class="name">
              循环播放_play-cycle
            </div>
            <div class="code-name">.icon-xunhuanbofang_play-cycle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yulan-guanbi_preview-close-one"></span>
            <div class="name">
              预览-关闭_preview-close-one
            </div>
            <div class="code-name">.icon-yulan-guanbi_preview-close-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting_pause-one"></span>
            <div class="name">
              暂停_pause-one
            </div>
            <div class="code-name">.icon-zanting_pause-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangji_camera"></span>
            <div class="name">
              相机_camera
            </div>
            <div class="code-name">.icon-xiangji_camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yasuowenjian_file-zip"></span>
            <div class="name">
              压缩文件_file-zip
            </div>
            <div class="code-name">.icon-yasuowenjian_file-zip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankaicaidan_menu-unfold"></span>
            <div class="name">
              展开菜单_menu-unfold
            </div>
            <div class="code-name">.icon-zhankaicaidan_menu-unfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yulan-dakai_preview-open"></span>
            <div class="name">
              预览-打开_preview-open
            </div>
            <div class="code-name">.icon-yulan-dakai_preview-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopian_pic"></span>
            <div class="name">
              照片_pic
            </div>
            <div class="code-name">.icon-zhaopian_pic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting_pause"></span>
            <div class="name">
              暂停_pause
            </div>
            <div class="code-name">.icon-zanting_pause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxi_info"></span>
            <div class="name">
              信息_info
            </div>
            <div class="code-name">.icon-xinxi_info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia_add-one"></span>
            <div class="name">
              添加_add-one
            </div>
            <div class="code-name">.icon-tianjia_add-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xia_down"></span>
            <div class="name">
              下_down
            </div>
            <div class="code-name">.icon-xia_down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang_play"></span>
            <div class="name">
              播放_play
            </div>
            <div class="code-name">.icon-bofang_play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang_play-one"></span>
            <div class="name">
              播放_play-one
            </div>
            <div class="code-name">.icon-bofang_play-one
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo2_more-two"></span>
            <div class="name">
              更多2_more-two
            </div>
            <div class="code-name">.icon-gengduo2_more-two
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi_tips1"></span>
            <div class="name">
              提示_tips
            </div>
            <div class="code-name">.icon-tishi_tips1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi_setting-two1"></span>
            <div class="name">
              设置_setting-two
            </div>
            <div class="code-name">.icon-shezhi_setting-two1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu_delete-two1"></span>
            <div class="name">
              删除_delete-two
            </div>
            <div class="code-name">.icon-shanchu_delete-two1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yulan-dakai_preview-open1"></span>
            <div class="name">
              预览-打开_preview-open
            </div>
            <div class="code-name">.icon-yulan-dakai_preview-open1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xihuan_like1"></span>
            <div class="name">
              喜欢_like
            </div>
            <div class="code-name">.icon-xihuan_like1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuyi_attention"></span>
            <div class="name">
              注意_attention
            </div>
            <div class="code-name">.icon-zhuyi_attention
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuejing"></span>
            <div class="name">
              雪景
            </div>
            <div class="code-name">.icon-xuejing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file_download"></span>
            <div class="name">
              file_download
            </div>
            <div class="code-name">.icon-file_download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tab_xiazaizhongxin"></span>
            <div class="name">
              Tab_下载中心
            </div>
            <div class="code-name">.icon-Tab_xiazaizhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tab_dishihuashu"></span>
            <div class="name">
              Tab_地市话术
            </div>
            <div class="code-name">.icon-Tab_dishihuashu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tab_shujujiankong"></span>
            <div class="name">
              Tab_数据监控
            </div>
            <div class="code-name">.icon-Tab_shujujiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caoyuan"></span>
            <div class="name">
              草原
            </div>
            <div class="code-name">.icon-caoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-JPG"></span>
            <div class="name">
              JPG
            </div>
            <div class="code-name">.icon-JPG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Excel"></span>
            <div class="name">
              Excel
            </div>
            <div class="code-name">.icon-Excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-PPT"></span>
            <div class="name">
              PPT
            </div>
            <div class="code-name">.icon-PPT
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-PNG"></span>
            <div class="name">
              PNG
            </div>
            <div class="code-name">.icon-PNG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-PDF"></span>
            <div class="name">
              PDF
            </div>
            <div class="code-name">.icon-PDF
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TXT"></span>
            <div class="name">
              TXT
            </div>
            <div class="code-name">.icon-TXT
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.icon-wancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuku"></span>
            <div class="name">
              数据库
            </div>
            <div class="code-name">.icon-shujuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshuai"></use>
                </svg>
                <div class="name">效率</div>
                <div class="code-name">#icon-xiaoshuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuan"></use>
                </svg>
                <div class="name">会员</div>
                <div class="code-name">#icon-huiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daka"></use>
                </svg>
                <div class="name">打卡</div>
                <div class="code-name">#icon-daka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanyuwomen"></use>
                </svg>
                <div class="name">关于我们</div>
                <div class="code-name">#icon-guanyuwomen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jubao"></use>
                </svg>
                <div class="name">举报</div>
                <div class="code-name">#icon-jubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QQ"></use>
                </svg>
                <div class="name">QQ</div>
                <div class="code-name">#icon-QQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang1"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hongbao"></use>
                </svg>
                <div class="name">红包</div>
                <div class="code-name">#icon-hongbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lahei"></use>
                </svg>
                <div class="name">拉黑</div>
                <div class="code-name">#icon-lahei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QQkongjian"></use>
                </svg>
                <div class="name">QQ空间</div>
                <div class="code-name">#icon-QQkongjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pengyouquan"></use>
                </svg>
                <div class="name">朋友圈</div>
                <div class="code-name">#icon-pengyouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihua"></use>
                </svg>
                <div class="name">对话</div>
                <div class="code-name">#icon-duihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibo"></use>
                </svg>
                <div class="name">微博</div>
                <div class="code-name">#icon-weibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fasong"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#icon-fasong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#icon-quanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchuhaoyou"></use>
                </svg>
                <div class="name">删除好友</div>
                <div class="code-name">#icon-shanchuhaoyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haomakaitongguanli"></use>
                </svg>
                <div class="name">号码开通管理</div>
                <div class="code-name">#icon-haomakaitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanliyuanguanli"></use>
                </svg>
                <div class="name">管理员管理</div>
                <div class="code-name">#icon-guanliyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianguanli"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanghuchaxun"></use>
                </svg>
                <div class="name">商户查询</div>
                <div class="code-name">#icon-shanghuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-disanfangyingyongjiekoupeizhi"></use>
                </svg>
                <div class="name">第三方接口</div>
                <div class="code-name">#icon-disanfangyingyongjiekoupeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggaoguanli"></use>
                </svg>
                <div class="name">公告管理</div>
                <div class="code-name">#icon-gonggaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingtaichushihuashezhi"></use>
                </svg>
                <div class="name">平台初始化</div>
                <div class="code-name">#icon-pingtaichushihuashezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanghuguanli"></use>
                </svg>
                <div class="name">商户管理</div>
                <div class="code-name">#icon-shanghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiyongshanghuguanli"></use>
                </svg>
                <div class="name">使用商户管理</div>
                <div class="code-name">#icon-shiyongshanghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujushenpi"></use>
                </svg>
                <div class="name">数据审批</div>
                <div class="code-name">#icon-shujushenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongdingdan"></use>
                </svg>
                <div class="name">应用订单</div>
                <div class="code-name">#icon-yingyongdingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghaoguanli"></use>
                </svg>
                <div class="name">账号管理</div>
                <div class="code-name">#icon-zhanghaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghaodingjia"></use>
                </svg>
                <div class="name">账号定价</div>
                <div class="code-name">#icon-zhanghaodingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-app"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#icon-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-bar"></use>
                </svg>
                <div class="name">chart-bar</div>
                <div class="code-name">#icon-chart-bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-discount-filled"></use>
                </svg>
                <div class="name">discount-filled</div>
                <div class="code-name">#icon-discount-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-discount"></use>
                </svg>
                <div class="name">discount</div>
                <div class="code-name">#icon-discount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-internet"></use>
                </svg>
                <div class="name">internet</div>
                <div class="code-name">#icon-internet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#icon-laptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-chrome"></use>
                </svg>
                <div class="name">logo-chrome</div>
                <div class="code-name">#icon-logo-chrome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-chrome-filled"></use>
                </svg>
                <div class="name">logo-chrome-filled</div>
                <div class="code-name">#icon-logo-chrome-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-ie-filled"></use>
                </svg>
                <div class="name">logo-ie-filled</div>
                <div class="code-name">#icon-logo-ie-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-github"></use>
                </svg>
                <div class="name">logo-github</div>
                <div class="code-name">#icon-logo-github</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-windows-filled"></use>
                </svg>
                <div class="name">logo-windows-filled</div>
                <div class="code-name">#icon-logo-windows-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-github-filled"></use>
                </svg>
                <div class="name">logo-github-filled</div>
                <div class="code-name">#icon-logo-github-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-ie"></use>
                </svg>
                <div class="name">logo-ie</div>
                <div class="code-name">#icon-logo-ie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-android"></use>
                </svg>
                <div class="name">logo-android</div>
                <div class="code-name">#icon-logo-android</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-apple"></use>
                </svg>
                <div class="name">logo-apple</div>
                <div class="code-name">#icon-logo-apple</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#icon-mail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-money-circle"></use>
                </svg>
                <div class="name">money-circle</div>
                <div class="code-name">#icon-money-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#icon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-save"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#icon-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-poweroff"></use>
                </svg>
                <div class="name">poweroff</div>
                <div class="code-name">#icon-poweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-secured"></use>
                </svg>
                <div class="name">secured</div>
                <div class="code-name">#icon-secured</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thumb-down"></use>
                </svg>
                <div class="name">thumb-down</div>
                <div class="code-name">#icon-thumb-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thumb-up"></use>
                </svg>
                <div class="name">thumb-up</div>
                <div class="code-name">#icon-thumb-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tools"></use>
                </svg>
                <div class="name">tools</div>
                <div class="code-name">#icon-tools</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-circle"></use>
                </svg>
                <div class="name">user-circle</div>
                <div class="code-name">#icon-user-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wifi"></use>
                </svg>
                <div class="name">wifi</div>
                <div class="code-name">#icon-wifi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_bukejian"></use>
                </svg>
                <div class="name">隐藏</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_bukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_kejian"></use>
                </svg>
                <div class="name">可见</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_kejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_gengduo-qianjin"></use>
                </svg>
                <div class="name">更多/前进</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_gengduo-qianjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_jine-jinbi"></use>
                </svg>
                <div class="name">金币</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_jine-jinbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-mianxing_fuzhi_gaoxingjiabi"></use>
                </svg>
                <div class="name">性价比</div>
                <div class="code-name">#icon-icon-mianxing_fuzhi_gaoxingjiabi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai1"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan1"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-shangchuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabulig"></use>
                </svg>
                <div class="name">发布lig</div>
                <div class="code-name">#icon-fabulig</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liulanjilu"></use>
                </svg>
                <div class="name">浏览记录</div>
                <div class="code-name">#icon-liulanjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang2"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-toupiao2"></use>
                </svg>
                <div class="name">投票 2</div>
                <div class="code-name">#icon-a-toupiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode1"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodelig"></use>
                </svg>
                <div class="name">我的lig</div>
                <div class="code-name">#icon-wodelig</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian_tag-one1"></use>
                </svg>
                <div class="name">标签_tag-one</div>
                <div class="code-name">#icon-biaoqian_tag-one1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji_edit"></use>
                </svg>
                <div class="name">编辑_edit</div>
                <div class="code-name">#icon-bianji_edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-12yonghuguanli"></use>
                </svg>
                <div class="name">1.2用户管理</div>
                <div class="code-name">#icon-a-12yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-14quanxianguanli"></use>
                </svg>
                <div class="name">1.4权限管理</div>
                <div class="code-name">#icon-a-14quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-15zizhiguanli"></use>
                </svg>
                <div class="name">1.5资质管理</div>
                <div class="code-name">#icon-a-15zizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-16xiangmuguanli"></use>
                </svg>
                <div class="name">1.6项目管理</div>
                <div class="code-name">#icon-a-16xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-21gerenziliao"></use>
                </svg>
                <div class="name">2.1个人资料</div>
                <div class="code-name">#icon-a-21gerenziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-23zhiliaofangan"></use>
                </svg>
                <div class="name">2.3治疗方案</div>
                <div class="code-name">#icon-a-23zhiliaofangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-22zhiliaoricheng"></use>
                </svg>
                <div class="name">2.2治疗日程</div>
                <div class="code-name">#icon-a-22zhiliaoricheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lincaoziyuanjiance"></use>
                </svg>
                <div class="name">林草资源监测</div>
                <div class="code-name">#icon-lincaoziyuanjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuziyuan"></use>
                </svg>
                <div class="name">数据资源</div>
                <div class="code-name">#icon-shujuziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzilinye"></use>
                </svg>
                <div class="name">数字林业</div>
                <div class="code-name">#icon-shuzilinye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tab_shouye"></use>
                </svg>
                <div class="name">Tab_首页</div>
                <div class="code-name">#icon-Tab_shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav_icon_huizongfenxi"></use>
                </svg>
                <div class="name">nav_icon_汇总分析</div>
                <div class="code-name">#icon-nav_icon_huizongfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav_icon_fabuguanli"></use>
                </svg>
                <div class="name">nav_icon_发布管理</div>
                <div class="code-name">#icon-nav_icon_fabuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav_icon_zaixianwendang"></use>
                </svg>
                <div class="name">nav_icon_在线文档</div>
                <div class="code-name">#icon-nav_icon_zaixianwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CircleClose"></use>
                </svg>
                <div class="name">CircleClose关闭</div>
                <div class="code-name">#icon-CircleClose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Add"></use>
                </svg>
                <div class="name">Add新增</div>
                <div class="code-name">#icon-Add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AddFilled"></use>
                </svg>
                <div class="name">AddFilled新增</div>
                <div class="code-name">#icon-AddFilled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Calendar"></use>
                </svg>
                <div class="name">Calendar日历</div>
                <div class="code-name">#icon-Calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Email"></use>
                </svg>
                <div class="name">Email邮箱</div>
                <div class="code-name">#icon-Email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EditPen"></use>
                </svg>
                <div class="name">EditPen输入</div>
                <div class="code-name">#icon-EditPen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Issue"></use>
                </svg>
                <div class="name">Issue发布</div>
                <div class="code-name">#icon-Issue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Details"></use>
                </svg>
                <div class="name">Details详情查看</div>
                <div class="code-name">#icon-Details</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Hide"></use>
                </svg>
                <div class="name">Hide不可见，隐藏</div>
                <div class="code-name">#icon-Hide</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Location"></use>
                </svg>
                <div class="name">Location位置</div>
                <div class="code-name">#icon-Location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-NoticeFilled"></use>
                </svg>
                <div class="name">NoticeFilled通知公告</div>
                <div class="code-name">#icon-NoticeFilled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Notice"></use>
                </svg>
                <div class="name">Notice通知公告</div>
                <div class="code-name">#icon-Notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Revise"></use>
                </svg>
                <div class="name">Revise输入修改</div>
                <div class="code-name">#icon-Revise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-More"></use>
                </svg>
                <div class="name">More更多</div>
                <div class="code-name">#icon-More</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Searchsvg"></use>
                </svg>
                <div class="name">Search搜索</div>
                <div class="code-name">#icon-Searchsvg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Password"></use>
                </svg>
                <div class="name">Password密码</div>
                <div class="code-name">#icon-Password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Phone"></use>
                </svg>
                <div class="name">Phone手机</div>
                <div class="code-name">#icon-Phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Share"></use>
                </svg>
                <div class="name">Share分享</div>
                <div class="code-name">#icon-Share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Refresh"></use>
                </svg>
                <div class="name">Refresh刷新</div>
                <div class="code-name">#icon-Refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Time"></use>
                </svg>
                <div class="name">Time时间</div>
                <div class="code-name">#icon-Time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Star"></use>
                </svg>
                <div class="name">Star星星收藏</div>
                <div class="code-name">#icon-Star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-View"></use>
                </svg>
                <div class="name">View可见</div>
                <div class="code-name">#icon-View</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Security"></use>
                </svg>
                <div class="name">Security验证码安全</div>
                <div class="code-name">#icon-Security</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ToDoList"></use>
                </svg>
                <div class="name">ToDoList待办</div>
                <div class="code-name">#icon-ToDoList</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AddressBook"></use>
                </svg>
                <div class="name">AddressBook通讯录</div>
                <div class="code-name">#icon-AddressBook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daima_code"></use>
                </svg>
                <div class="name">代码_code</div>
                <div class="code-name">#icon-daima_code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian_tag-one"></use>
                </svg>
                <div class="name">标签_tag-one</div>
                <div class="code-name">#icon-biaoqian_tag-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoma_scan-code"></use>
                </svg>
                <div class="name">扫码_scan-code</div>
                <div class="code-name">#icon-saoma_scan-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxian_permissions"></use>
                </svg>
                <div class="name">权限_permissions</div>
                <div class="code-name">#icon-quanxian_permissions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanpingbofang_full-screen-play"></use>
                </svg>
                <div class="name">全屏播放_full-screen-play</div>
                <div class="code-name">#icon-quanpingbofang_full-screen-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanjufangda1_full-screen-one"></use>
                </svg>
                <div class="name">全局放大1_full-screen-one</div>
                <div class="code-name">#icon-quanjufangda1_full-screen-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili_calendar"></use>
                </svg>
                <div class="name">日历_calendar</div>
                <div class="code-name">#icon-rili_calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan1_upload-one"></use>
                </svg>
                <div class="name">上传1_upload-one</div>
                <div class="code-name">#icon-shangchuan1_upload-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu_delete-two"></use>
                </svg>
                <div class="name">删除_delete-two</div>
                <div class="code-name">#icon-shanchu_delete-two</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangxiangshujuhuchuan_transfer-data"></use>
                </svg>
                <div class="name">双向数据互传_transfer-data</div>
                <div class="code-name">#icon-shuangxiangshujuhuchuan_transfer-data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuqian_bookmark"></use>
                </svg>
                <div class="name">书签_bookmark</div>
                <div class="code-name">#icon-shuqian_bookmark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan_power"></use>
                </svg>
                <div class="name">开关_power</div>
                <div class="code-name">#icon-kaiguan_power</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian_time"></use>
                </svg>
                <div class="name">时间_time</div>
                <div class="code-name">#icon-shijian_time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan_upload"></use>
                </svg>
                <div class="name">上传_upload</div>
                <div class="code-name">#icon-shangchuan_upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin_refresh"></use>
                </svg>
                <div class="name">刷新_refresh</div>
                <div class="code-name">#icon-shuaxin_refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo_search"></use>
                </svg>
                <div class="name">搜索_search</div>
                <div class="code-name">#icon-sousuo_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing_remind"></use>
                </svg>
                <div class="name">提醒_remind</div>
                <div class="code-name">#icon-tixing_remind</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangzuo_double-left"></use>
                </svg>
                <div class="name">双左_double-left</div>
                <div class="code-name">#icon-shuangzuo_double-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi_tips"></use>
                </svg>
                <div class="name">提示_tips</div>
                <div class="code-name">#icon-tishi_tips</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendangjiazi_document-folder"></use>
                </svg>
                <div class="name">文档架子_document-folder</div>
                <div class="code-name">#icon-wendangjiazi_document-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xihuan_like"></use>
                </svg>
                <div class="name">喜欢_like</div>
                <div class="code-name">#icon-xihuan_like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia-kai_folder-open"></use>
                </svg>
                <div class="name">文件夹-开_folder-open</div>
                <div class="code-name">#icon-wenjianjia-kai_folder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi_setting-two"></use>
                </svg>
                <div class="name">设置_setting-two</div>
                <div class="code-name">#icon-shezhi_setting-two</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjiangui_file-cabinet"></use>
                </svg>
                <div class="name">文件柜_file-cabinet</div>
                <div class="code-name">#icon-wenjiangui_file-cabinet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode_me"></use>
                </svg>
                <div class="name">我的_me</div>
                <div class="code-name">#icon-wode_me</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia-guan_folder-close"></use>
                </svg>
                <div class="name">文件夹-关_folder-close</div>
                <div class="code-name">#icon-wenjianjia-guan_folder-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunhuanbofang_play-cycle"></use>
                </svg>
                <div class="name">循环播放_play-cycle</div>
                <div class="code-name">#icon-xunhuanbofang_play-cycle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan-guanbi_preview-close-one"></use>
                </svg>
                <div class="name">预览-关闭_preview-close-one</div>
                <div class="code-name">#icon-yulan-guanbi_preview-close-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting_pause-one"></use>
                </svg>
                <div class="name">暂停_pause-one</div>
                <div class="code-name">#icon-zanting_pause-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangji_camera"></use>
                </svg>
                <div class="name">相机_camera</div>
                <div class="code-name">#icon-xiangji_camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yasuowenjian_file-zip"></use>
                </svg>
                <div class="name">压缩文件_file-zip</div>
                <div class="code-name">#icon-yasuowenjian_file-zip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankaicaidan_menu-unfold"></use>
                </svg>
                <div class="name">展开菜单_menu-unfold</div>
                <div class="code-name">#icon-zhankaicaidan_menu-unfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan-dakai_preview-open"></use>
                </svg>
                <div class="name">预览-打开_preview-open</div>
                <div class="code-name">#icon-yulan-dakai_preview-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaopian_pic"></use>
                </svg>
                <div class="name">照片_pic</div>
                <div class="code-name">#icon-zhaopian_pic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting_pause"></use>
                </svg>
                <div class="name">暂停_pause</div>
                <div class="code-name">#icon-zanting_pause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxi_info"></use>
                </svg>
                <div class="name">信息_info</div>
                <div class="code-name">#icon-xinxi_info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia_add-one"></use>
                </svg>
                <div class="name">添加_add-one</div>
                <div class="code-name">#icon-tianjia_add-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xia_down"></use>
                </svg>
                <div class="name">下_down</div>
                <div class="code-name">#icon-xia_down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang_play"></use>
                </svg>
                <div class="name">播放_play</div>
                <div class="code-name">#icon-bofang_play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang_play-one"></use>
                </svg>
                <div class="name">播放_play-one</div>
                <div class="code-name">#icon-bofang_play-one</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo2_more-two"></use>
                </svg>
                <div class="name">更多2_more-two</div>
                <div class="code-name">#icon-gengduo2_more-two</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi_tips1"></use>
                </svg>
                <div class="name">提示_tips</div>
                <div class="code-name">#icon-tishi_tips1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi_setting-two1"></use>
                </svg>
                <div class="name">设置_setting-two</div>
                <div class="code-name">#icon-shezhi_setting-two1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu_delete-two1"></use>
                </svg>
                <div class="name">删除_delete-two</div>
                <div class="code-name">#icon-shanchu_delete-two1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan-dakai_preview-open1"></use>
                </svg>
                <div class="name">预览-打开_preview-open</div>
                <div class="code-name">#icon-yulan-dakai_preview-open1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xihuan_like1"></use>
                </svg>
                <div class="name">喜欢_like</div>
                <div class="code-name">#icon-xihuan_like1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuyi_attention"></use>
                </svg>
                <div class="name">注意_attention</div>
                <div class="code-name">#icon-zhuyi_attention</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuejing"></use>
                </svg>
                <div class="name">雪景</div>
                <div class="code-name">#icon-xuejing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file_download"></use>
                </svg>
                <div class="name">file_download</div>
                <div class="code-name">#icon-file_download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tab_xiazaizhongxin"></use>
                </svg>
                <div class="name">Tab_下载中心</div>
                <div class="code-name">#icon-Tab_xiazaizhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tab_dishihuashu"></use>
                </svg>
                <div class="name">Tab_地市话术</div>
                <div class="code-name">#icon-Tab_dishihuashu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tab_shujujiankong"></use>
                </svg>
                <div class="name">Tab_数据监控</div>
                <div class="code-name">#icon-Tab_shujujiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caoyuan"></use>
                </svg>
                <div class="name">草原</div>
                <div class="code-name">#icon-caoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-JPG"></use>
                </svg>
                <div class="name">JPG</div>
                <div class="code-name">#icon-JPG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Excel"></use>
                </svg>
                <div class="name">Excel</div>
                <div class="code-name">#icon-Excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PPT"></use>
                </svg>
                <div class="name">PPT</div>
                <div class="code-name">#icon-PPT</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PNG"></use>
                </svg>
                <div class="name">PNG</div>
                <div class="code-name">#icon-PNG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PDF"></use>
                </svg>
                <div class="name">PDF</div>
                <div class="code-name">#icon-PDF</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TXT"></use>
                </svg>
                <div class="name">TXT</div>
                <div class="code-name">#icon-TXT</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#icon-wancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuku"></use>
                </svg>
                <div class="name">数据库</div>
                <div class="code-name">#icon-shujuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
